<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>海绵宝宝</title>
  <link rel="stylesheet" href="style.css">
  <style>
    .content {
      margin-top: 15px;
    }

    .content h2{
      margin-top: 15px;
    }
    .content .photo li {
      display: flex;
      gap: 30px;
      padding: 15px 0;
      margin-top: 15px;
    }

    .content img {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      object-fit: cover;
    }

    .content .photo li .text {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  </style>
</head>
<body>
  <div class="wrapin">
    <!--头部-->
    <header>
      <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="juqing.html">剧情简介</a></li>
        <li><a href="juese.html">主人公介绍</a></li>
        <li><a href="tupian.html">图片鉴赏</a></li>
        <li><a href="jingcai.html">精彩片段</a></li>
      </ul>
    </header>

    <!-- 图片 -->
    <div class="banner"> <img src="images/17.jpg" /> </div>

    <!--内容-->
    <div class="content">
      <div class="title">
        <h2>主人公介绍</h2>
      </div>
      <ul class="photo">
        <li>
          <div class="pic"> <img src="images/主1.jpg" /> </div>
          <div class="text">
            <h3>海绵宝宝</h3>
            <p>海绵宝宝也是《海绵宝宝》的同名角色及全系列主角的其中之一，特征为黄色的方形海绵， 以棕色短裤、白色衬衫、红色领带和黑色皮鞋为主要服装。居住在作品虚设城市“比基尼海滩”郊区的菠萝屋，并担任当地著名快餐店蟹堡王餐厅的主厨，是蟹老板的最佳员工。有只宠物蜗牛小蜗，而最好的朋友是派大星</p><br />
            <p>兴趣是抓水母、吹泡泡和练习空手道。</p>
          </div>
        </li>
        <li>
          <div class="pic"> <img src="images/主2.jpg" /> </div>
          <div class="text">
            <h3>派大星</h3>
            <p>粉红色的海星，海绵宝宝最好的朋友，也是章鱼哥讨厌的对象之一，身上穿着一条紫色花朵的海滩短裤，在本剧里总是跟海绵宝宝一起闹出不少笑话。没有工作，是蟹堡王的忠实老主顾，但也有时候会去蟹堡王或海之霸工作，但是都只是去当一日员工</p><br />
            <p>兴趣是发呆、睡大头觉和大吃冰淇淋。</p>
          </div>
        </li>
        </li>
        <li>
          <div class="pic"> <img src="images/主3.jpg" /> </div>
          <div class="text">
            <h3>小蜗</h3>
            <p>原文名字为Garold "Gary" Wilson Snail, Jr.，通称Gary the Snail。海绵宝宝的宠物蜗牛，拥有理解自然语言并进行沟通的能力，多数时候待在海绵宝宝家中。十分聪明。
              底盘会分泌蜗牛黏液，所经之处有时会布满黏液</p><br />
            <p>在某个皇族的族谱中得知，和派大星是表兄弟关系</p>
          </div>
        </li>
        </li>
        <li>
          <div class="pic"> <img src="images/主4.jpg" /> </div>
          <div class="text">
            <h3>蟹老板</h3>
            <p>红色螃蟹，本名蟹阿金（阿金源自“Eugene”中的gene），在海军服役的外号为“铁甲金钟罩（Armor Abs）”。视钱如命（为了金钱连命都可以不要），极为小气（包括女儿），但有时候会请海绵宝宝吃蟹黄堡。育有一女抹香鲸珍珍。外祖父红胡子是名海盗。另外，他还曾和泡芙阿姨一起去约会。</p><br />
            <p>因为他的大量赚钱及小气，使大部分集数成为反英雄的角色。</p>
          </div>
        </li>
        </li>
        <li>
          <div class="pic"> <img src="images/主5.jpg" /> </div>
          <div class="text">
            <h3>痞老板</h3>
            <p>是海中的浮游生物（剑水蚤），只有一只眼睛，为人奸诈险恶。蟹老板的死对头</p><br />
            <p>对人奸诈险恶而受人践踏</p>
          </div>
        </li>
        <li>
          <div class="pic"> <img src="images/主6.png" /> </div>
          <div class="text">
            <h3>章鱼哥</h3>
            <p>属于蓝圈章鱼属物种的大鼻子章鱼。容易愤怒且势利眼。相当自恋，自以为拥有艺术才能。目前是光头，但曾有过黄色长卷发，并希望头发再长回来。
              居住在比基尼海滩一栋仿复活节岛人像的房屋中，两旁即为海绵宝宝和派大星的家。</p><br />
            <p>很会做菜</p>
          </div>
        </li>
      </ul>
    </div>

    <!--底部-->
    <footer>
      <p>海绵宝宝</p>
    </footer>
  </div>
</body>

</html>